<template>
	<scroll-view class="body" :style="styles" scroll-y><slot></slot></scroll-view>
</template>

<script>
const statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
export default {
	props:{
		bgcolor:{
			type:String
		},
		white:{
			type:Boolean
		}
	},
	computed: {
		styles() {
			let style = {};
			let _bgColor = this.bgcolor, 
			    _white = this.white; 
			style['top'] = statusBarHeight + 44 + 'px';
			
			if(_white){
				_bgColor = "#fff"
			}
			if(_bgColor){
				
				style["backgroundColor"] = _bgColor;
			}
			
			return style;
		}
	}
};
</script>
<style lang="scss" scoped>
.body {
	position: absolute;
	bottom: 0;
	z-index: -999;

}
.refresh-animation-wrap {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}
</style>
